<template>
	<view>
		<div class="cdCard">
			<uv-steps current="1" direction="column" active-color="#3c9cff" inactive-color="#999">
				<uv-steps-item title="发起申请">
					<template v-slot:icon>
						<uv-icon name="checkmark" color="#3c9cff"></uv-icon>
					</template>
				</uv-steps-item>
				<uv-steps-item title="银行处理" desc="预计两小时到账">
					<template v-slot:icon>
						<uv-icon name="checkmark" color="#3c9cff"></uv-icon>
					</template>
				</uv-steps-item>
				<uv-steps-item title="到账成功"></uv-steps-item>
			</uv-steps>
		</div>
		<div>
			<uv-cell-group>
				<uv-cell title="提现金额" :value="value" :center="true"></uv-cell>
				<uv-cell title="到账银行" value="建设银行 尾号 9276" :center="true"></uv-cell>
			</uv-cell-group>
		</div>
		<div>
			<button @click="finish" style="background-color: #3087EA; color: white;margin: 30rpx 20rpx;">完成</button>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: '',
			}
		},
		onLoad() {
			this.value = "￥" + JSON.parse(uni.getStorageSync('inpdata'))
		},
		methods: {
			finish() {
				uni.reLaunch({
					url: "/pages/Withdrawal/Withdrawal"
				});
				uni.showToast({
					title: "提现完成"
				})
			}
		}
	}
</script>

<style>
	.cdCard {
		width: 640rpx;
		margin-left: 30rpx;
		border-bottom: 2rpx solid #ccc;
		padding: 20rpx 20rpx;
	}
</style>